<!-- 2. 卡片式轮播 - 适合展示热门帖子 -->
<div id="postsCarousel" class="carousel slide card-carousel custom-carousel" data-bs-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <div class="row">
                <div class="col-md-4">
                    <div class="carousel-card h-100">
                        <img src="https://picsum.photos/600/400?random=10" class="carousel-card-img" alt="摄影作品">
                        <div class="carousel-card-body">
                            <h3 class="carousel-card-title">如何拍出令人惊艳的城市夜景</h3>
                            <p class="carousel-card-text">分享几个城市夜景拍摄的小技巧，让你的作品在朋友圈脱颖而出。</p>
                            <div class="carousel-card-meta">
                                <span>2小时前</span>
                                <span class="carousel-card-likes"><i class="fas fa-heart"></i> 328</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="carousel-card h-100">
                        <img src="https://picsum.photos/600/400?random=11" class="carousel-card-img" alt="美食制作">
                        <div class="carousel-card-body">
                            <h3 class="carousel-card-title">周末 brunch 推荐：牛油果吐司的5种做法</h3>
                            <p class="carousel-card-text">简单又美味的牛油果吐司，5种不同搭配，让你的周末早餐不再单调。</p>
                            <div class="carousel-card-meta">
                                <span>昨天</span>
                                <span class="carousel-card-likes"><i class="fas fa-heart"></i> 542</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="carousel-card h-100">
                        <img src="https://picsum.photos/600/400?random=12" class="carousel-card-img" alt="旅行照片">
                        <div class="carousel-card-body">
                            <h3 class="carousel-card-title">隐藏在山林中的绝美民宿</h3>
                            <p class="carousel-card-text">远离城市喧嚣，这几家山间民宿让你与自然零距离接触。</p>
                            <div class="carousel-card-meta">
                                <span>3天前</span>
                                <span class="carousel-card-likes"><i class="fas fa-heart"></i> 786</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <div class="row">
                <div class="col-md-4">
                    <div class="carousel-card h-100">
                        <img src="https://picsum.photos/600/400?random=13" class="carousel-card-img" alt="健身照片">
                        <div class="carousel-card-body">
                            <h3 class="carousel-card-title">办公室健身：3个缓解久坐疲劳的动作</h3>
                            <p class="carousel-card-text">不需要器械，在办公室就能做的简单运动，有效缓解久坐带来的不适。</p>
                            <div class="carousel-card-meta">
                                <span>4天前</span>
                                <span class="carousel-card-likes"><i class="fas fa-heart"></i> 412</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="carousel-card h-100">
                        <img src="https://picsum.photos/600/400?random=14" class="carousel-card-img" alt="书籍推荐">
                        <div class="carousel-card-body">
                            <h3 class="carousel-card-title">2023年必读书单：改变思维的5本书</h3>
                            <p class="carousel-card-text">这些书籍将帮助你拓宽视野，改变思维方式，值得细细品读。</p>
                            <div class="carousel-card-meta">
                                <span>1周前</span>
                                <span class="carousel-card-likes"><i class="fas fa-heart"></i> 635</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="carousel-card h-100">
                        <img src="https://picsum.photos/600/400?random=15" class="carousel-card-img" alt="科技产品">
                        <div class="carousel-card-body">
                            <h3 class="carousel-card-title">适合旅行者的5款便携电子产品</h3>
                            <p class="carousel-card-text">轻巧便携又实用，这些电子产品让你的旅行更加便捷舒适。</p>
                            <div class="carousel-card-meta">
                                <span>1周前</span>
                                <span class="carousel-card-likes"><i class="fas fa-heart"></i> 298</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <button class="carousel-control-prev" type="button" data-bs-target="#postsCarousel" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">上一页</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#postsCarousel" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">下一页</span>
    </button>
</div>

